@charset "UTF-8";
.head_form {
  display: none;
  position: absolute;
  right: 0;
  top: 58px;
  height: 40px;
  z-index: 5; }
  .head_form input {
    background-color: #eeeeee;
    width: 250px;
    height: 40px;
    vertical-align: top;
    padding-left: 20px;
    color: #999999; }
    .head_form input::placeholder {
      color: #999999;
      font-size: 14px; }
  .head_form button {
    position: absolute;
    bottom: 0px;
    cursor: pointer;
    outline: none;
    right: 0px;
    width: 40px;
    height: 40px;
    border: 0;
    background: #FFFFFF url("../images/head_search.png") no-repeat center; }

.header {
  background: #FFFFFF; }
  .header .header1 {
    height: 118px; }
    .header .header1 .bl {
      color: #000000;
      margin-top: 30px;
      text-indent: 30px;
      display: inline-block; }
      .header .header1 .bl h1 {
        font-size: 38px;
        font-weight: bold;
        font-family: '微软雅黑'; }
      .header .header1 .bl p {
        font-size: 13px;
        line-height: 28px;
        display: inline-block;
        text-transform: uppercase; }
    .header .header1 .br {
      color: #444444;
      margin-top: 40px;
      margin-right: 10px;
      line-height: 30px;
      position: relative;
      font-size: 24px; }
      .header .header1 .br i {
        vertical-align: text-bottom;
        float: left;
        width: 23px;
        height: 30px;
        padding: 0 20px;
        display: inline-block; }
        .header .header1 .br i a {
          display: block;
          width: 100%;
          height: 100%; }
        .header .header1 .br i + i {
          border-left: 1px solid #e6e6e6; }
        .header .header1 .br i.search {
          cursor: pointer;
          background: url("../images/head_search.png") no-repeat center/20px 20px; }
        .header .header1 .br i.wx {
          background: url("../images/head_wx.png") no-repeat center/22px 19px; }
        .header .header1 .br i.phone {
          background: url("../images/head_phone.png") no-repeat center/23px 23px; }
  .header .header2 {
    height: 40px;
    background: url("../images/index_01.jpg") no-repeat center; }
    .header .header2 li {
      width: 12.5%;
      float: left;
      text-align: center; }
      .header .header2 li a {
        width: 100%;
        display: inline-block;
        height: 100%;
        color: #FFFFFF;
        font-size: 16px;
        line-height: 40px;
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s; }
      .header .header2 li:hover a, .header .header2 li.on a {
        color: #eac180; }

.banner {
  position: relative; }
  .banner img {
    width: 100%; }
  .banner .hd {
    width: 100%;
    padding: 20px 0;
    text-align: center;
    border-bottom: 1px solid #dfdfdf;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: none;
    top: auto;
    z-index: 1; }
    .banner .hd ul {
      display: inline-block; }
      .banner .hd ul li {
        width: 10px;
        height: 10px;
        border-radius: 5px;
        transform: translate(0, -50%);
        vertical-align: middle;
        display: inline-block;
        float: left;
        background-color: #FFFFFF;
        margin: 0 8px;
        cursor: pointer;
        text-indent: -9999px; }
        .banner .hd ul li.on {
          width: 40px;
          height: 10px;
          opacity: 1;
          background-repeat: no-repeat;
          background-position: center;
          background-color: #eac180; }

.other-link {
  width: 100%;
  background: #f8f8f8; }
  .other-link .hot {
    float: left; }
    .other-link .hot li {
      float: left;
      color: #222222;
      font-size: 14px;
      line-height: 86px;
      display: inline-block; }
      .other-link .hot li:not(:first-of-type) + li::before {
        margin: 0 10px;
        content: '';
        width: 1px;
        height: 15px;
        display: inline-block;
        background-color: #7a7a7a;
        vertical-align: text-bottom; }
      .other-link .hot li a {
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s; }
      .other-link .hot li:hover a {
        color: #eac180; }
  .other-link .search {
    width: 300px;
    height: 35px;
    float: right;
    background-color: #e8e8e8;
    margin-top: 25px;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #e5e5e5; }
    .other-link .search input {
      float: left;
      width: 225px;
      height: 35px;
      color: #989898;
      font-size: 15px;
      line-height: 35px;
      text-indent: 22px; }
    .other-link .search button {
      width: 75px;
      float: left;
      height: 35px;
      border: none;
      outline: none;
      cursor: pointer;
      border-radius: 0 20px 20px 0;
      background: #FFFFFF url("../images/head_search.png") no-repeat center center/20px 20px; }

.itit {
  text-align: center;
  padding: 50px 0; }
  .itit h2 {
    color: #000000;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 20px; }
  .itit p {
    font-size: 16px;
    line-height: 30px;
    color: #666666; }

.ipro .bd li {
  float: left;
  margin-right: 28px;
  position: relative; }
  .ipro .bd li .img-box {
    width: 415px;
    height: 620px;
    overflow: hidden; }
    .ipro .bd li .img-box img {
      -webkit-transition: all 0.5s ease 0s;
      -moz-transition: all 0.5s ease 0s;
      -ms-transition: all 0.5s ease 0s;
      -o-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s; }
    .ipro .bd li .img-box .mask {
      width: 100%;
      height: 100%;
      z-index: 0;
      position: absolute;
      background-color: rgba(0, 0, 0, 0.5); }
      .ipro .bd li .img-box .mask::after {
        content: '';
        width: 370px;
        height: 570px;
        opacity: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: inline-block;
        border: 1px solid #FFFFFF;
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s; }
  .ipro .bd li .text {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #ffffff;
    text-align: center;
    transform: translate(-50%, -50%); }
    .ipro .bd li .text h3 {
      font-size: 24px;
      font-weight: bold;
      line-height: 30px; }
    .ipro .bd li .text p {
      font-size: 16px;
      font-weight: bold;
      line-height: 30px; }
    .ipro .bd li .text::after {
      -webkit-transition: all 0.5s ease 0s;
      -moz-transition: all 0.5s ease 0s;
      -ms-transition: all 0.5s ease 0s;
      -o-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s;
      content: '';
      width: 33px;
      height: 2px;
      display: inline-block;
      background-color: #ffffff;
      vertical-align: text-bottom; }
  .ipro .bd li:hover img, .ipro .bd li.on img {
    transform: translate(-50%, -50%) scale(1.1); }
  .ipro .bd li:hover .mask::after, .ipro .bd li.on .mask::after {
    opacity: 1; }
  .ipro .bd li:hover .text::after, .ipro .bd li.on .text::after {
    background-color: #eac180; }

.ipro .page-btn {
  padding: 50px 0;
  text-align: center; }
  .ipro .page-btn .ipro_pre, .ipro .page-btn .ipro_next {
    width: 8px;
    height: 15px;
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
    background: url("../images/ipro-l.png") no-repeat center; }
  .ipro .page-btn .ipro_next {
    transform: rotate(180deg); }

.ipro .hd {
  vertical-align: middle;
  display: inline-block;
  margin: 0 20px; }
  .ipro .hd ul {
    text-align: center;
    display: inline-block; }
  .ipro .hd li {
    float: left;
    cursor: pointer;
    line-height: 48px; }
    .ipro .hd li a {
      display: inline-block;
      width: 30px;
      height: 2px;
      background-color: #eaeaea; }
    .ipro .hd li.on a {
      background-color: #eac180; }

.ifeature {
  background: url("../images/index_06.jpg") no-repeat center; }

.ifeature {
  padding: 60px 0 90px; }
  .ifeature .itit h2, .ifeature .itit p {
    color: #FFFFFF; }
  .ifeature .list-box {
    margin-top: 60px; }
  .ifeature .list {
    width: 25%;
    float: left;
    display: inline-block;
    position: relative; }
    .ifeature .list .img {
      margin: 0 auto;
      width: 120px;
      height: 120px;
      position: relative;
      border-radius: 50%;
      border: 1px solid #FFFFFF;
      text-align: center;
      line-height: 120px;
      -webkit-transition: all 0.5s ease 0s;
      -moz-transition: all 0.5s ease 0s;
      -ms-transition: all 0.5s ease 0s;
      -o-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s; }
      .ifeature .list .img img {
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s; }
        .ifeature .list .img img:nth-of-type(1) {
          vertical-align: middle;
          opacity: 1; }
        .ifeature .list .img img:nth-of-type(2) {
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          position: absolute;
          z-index: -500;
          opacity: 0; }
    .ifeature .list .text {
      color: #FFFFFF;
      margin-top: 31px;
      text-align: center; }
      .ifeature .list .text h3 {
        font-size: 24px;
        line-height: 30px;
        font-weight: bold; }
      .ifeature .list .text p {
        font-size: 16px;
        line-height: 30px;
        margin: 2px 0 15px; }
      .ifeature .list .text div {
        font-size: 16px;
        line-height: 24px;
        opacity: .64;
        width: 40%;
        text-transform: uppercase;
        font-family: 'Cambria';
        margin: 0 auto 25px; }
    .ifeature .list::after {
      bottom: 0;
      left: 50%;
      position: absolute;
      transform: translateX(-50%);
      -webkit-transition: all 0.5s ease 0s;
      -moz-transition: all 0.5s ease 0s;
      -ms-transition: all 0.5s ease 0s;
      -o-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s;
      content: '';
      width: 24px;
      height: 3px;
      display: inline-block;
      background-color: #ffffff;
      vertical-align: text-bottom; }
    .ifeature .list:hover .img, .ifeature .list.on .img {
      border: 1px solid #eac180; }
      .ifeature .list:hover .img img:nth-of-type(1), .ifeature .list.on .img img:nth-of-type(1) {
        opacity: 0; }
      .ifeature .list:hover .img img:nth-of-type(2), .ifeature .list.on .img img:nth-of-type(2) {
        z-index: 500;
        opacity: 1; }
    .ifeature .list:hover::after, .ifeature .list.on::after {
      background-color: #eac180; }

.iab {
  background-color: #f8f8f8; }

.iab .img-list .img-box, .ab-main .img-list .img-box {
  width: 426px;
  height: 317px;
  float: left;
  overflow: hidden; }
  .iab .img-list .img-box img, .ab-main .img-list .img-box img {
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s; }
  .iab .img-list .img-box + .img-box, .ab-main .img-list .img-box + .img-box {
    margin-left: 11px; }
  .iab .img-list .img-box:hover img, .iab .img-list .img-box.on img, .ab-main .img-list .img-box:hover img, .ab-main .img-list .img-box.on img {
    transform: translate(-50%, -50%) scale(1.1); }

.iab .tag-box, .ab-main .tag-box {
  padding: 40px 0 35px; }
  .iab .tag-box .list, .ab-main .tag-box .list {
    float: left;
    width: 30%;
    position: relative;
    margin-left: 3%;
    padding: 30px 0 50px 8px;
    border-left: 1px solid #d2d2d2;
    vertical-align: middle;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .iab .tag-box .list h4, .ab-main .tag-box .list h4 {
      vertical-align: top;
      font-size: 25px;
      font-weight: bold;
      text-align: center;
      display: inline-block; }
      .iab .tag-box .list h4 i, .ab-main .tag-box .list h4 i {
        font-size: 60px;
        line-height: 48px;
        vertical-align: top; }
      .iab .tag-box .list h4 span, .ab-main .tag-box .list h4 span {
        font-size: 18px;
        font-weight: initial;
        vertical-align: bottom; }
    .iab .tag-box .list .br, .ab-main .tag-box .list .br {
      float: none;
      margin-left: 25px; }
      .iab .tag-box .list .br h3, .ab-main .tag-box .list .br h3 {
        font-size: 18px;
        line-height: 30px;
        font-weight: bold;
        margin-bottom: 7px; }
      .iab .tag-box .list .br .text-box, .ab-main .tag-box .list .br .text-box {
        font-size: 16px;
        line-height: 30px;
        color: #999999; }
    .iab .tag-box .list::before, .ab-main .tag-box .list::before {
      left: 0;
      top: 57px;
      position: absolute;
      transform: translateX(-50%);
      content: '';
      width: 5px;
      height: 46px;
      display: inline-block;
      background-color: #eac180;
      vertical-align: text-bottom; }

.ibrand {
  margin: 0 auto;
  max-width: 1920px;
  background: url("../images/index_15.jpg") no-repeat right bottom; }
  .ibrand .br {
    width: 50%; }
  .ibrand .itit {
    text-align: left;
    position: relative;
    text-indent: 70px; }
    .ibrand .itit::before {
      left: 30px;
      position: absolute;
      content: '';
      width: 6px;
      height: 80px;
      display: inline-block;
      background-color: #eac180;
      vertical-align: text-bottom; }
    .ibrand .itit h2 {
      margin-bottom: 7px; }
  .ibrand .img-box {
    width: 50%;
    height: 830px;
    overflow: hidden; }
    .ibrand .img-box img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      -webkit-transition: all 0.5s ease 0s;
      -moz-transition: all 0.5s ease 0s;
      -ms-transition: all 0.5s ease 0s;
      -o-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s; }
    .ibrand .img-box:hover img, .ibrand .img-box.on img {
      transform: translate(-50%, -50%) scale(1.1); }
  .ibrand .list-box {
    margin-left: 70px; }
  .ibrand .list {
    width: 50%;
    float: left;
    margin-bottom: 65px; }
    .ibrand .list .img_box {
      width: 42px;
      height: 43px;
      display: table-cell;
      vertical-align: middle;
      text-align: center; }
    .ibrand .list .text {
      padding-left: 5px;
      display: table-cell;
      vertical-align: middle; }
      .ibrand .list .text h3, .ibrand .list .text p {
        font-size: 16px;
        line-height: 24px; }
  .ibrand .hd, .ibrand .bd {
    color: #FFFFFF; }
  .ibrand .hd {
    margin-top: 50px; }
    .ibrand .hd li {
      width: 20%;
      float: left;
      padding-top: 78px;
      text-align: center;
      position: relative; }
      .ibrand .hd li::after {
        border-radius: 50%;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%);
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
        content: '';
        width: 17px;
        height: 17px;
        display: inline-block;
        background-color: #e4e4e4;
        vertical-align: text-bottom; }
      .ibrand .hd li::before {
        top: 17px;
        left: 50%;
        position: absolute;
        transform: translate(-50%);
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
        content: '';
        width: 1px;
        height: 48px;
        display: inline-block;
        background-color: #eac180;
        vertical-align: text-bottom;
        height: 0; }
      .ibrand .hd li.on::after {
        background-color: #eac180; }
      .ibrand .hd li.on::before {
        height: 48px; }
  .ibrand .bd {
    margin-top: 60px;
    margin-left: 20px; }
    .ibrand .bd li {
      border: 1px solid #eac180;
      padding: 23px 30px;
      position: relative;
      background-position: left 30px top 20px;
      background-repeat: no-repeat; }
      .ibrand .bd li::after {
        position: absolute;
        top: 50%;
        right: 40px;
        transform: translateY(-50%);
        content: '';
        width: 75px;
        height: 79px;
        display: inline-block;
        vertical-align: text-bottom;
        background: url("../images/icon_06.png") no-repeat center/75px 79px; }
      .ibrand .bd li:nth-of-type(1) {
        background-image: url("../images/ibra_1.png"); }
      .ibrand .bd li:nth-of-type(2) {
        background-image: url("../images/ibra_2.png"); }
      .ibrand .bd li:nth-of-type(3) {
        background-image: url("../images/ibra_3.png"); }
      .ibrand .bd li:nth-of-type(4) {
        background-image: url("../images/ibra_4.png"); }
      .ibrand .bd li:nth-of-type(5) {
        background-image: url("../images/ibra_5.png"); }
    .ibrand .bd h3 {
      color: #eac180;
      font-size: 24px;
      line-height: 30px;
      font-weight: bold;
      text-indent: 30px;
      margin-bottom: 7px; }
    .ibrand .bd p {
      font-size: 14px;
      line-height: 24px;
      max-width: 460px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2; }

.ijion .list-box .list {
  float: left;
  vertical-align: top;
  display: inline-block;
  position: relative;
  margin-bottom: 242px; }
  .ijion .list-box .list + .list {
    margin-left: 32px; }
  .ijion .list-box .list:hover h3::after, .ijion .list-box .list.on h3::after {
    opacity: 1; }
  .ijion .list-box .list:hover .img-box img, .ijion .list-box .list.on .img-box img {
    transform: translate(-50%, -50%) scale(1.1); }

.ijion .list-box .img-box {
  overflow: hidden;
  width: 412px;
  height: 278px; }
  .ijion .list-box .img-box img {
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s; }

.ijion .list-box .text {
  width: 334px;
  height: 194px;
  background-color: #FFFFFF;
  position: absolute;
  top: 220px;
  left: 50%;
  padding: 48px 28px 0;
  box-shadow: 0 0 10px 5px rgba(193, 193, 193, 0.39);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  transform: translateX(-50%); }
  .ijion .list-box .text h3 {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 30px;
    position: relative; }
    .ijion .list-box .text h3::after {
      left: 50%;
      opacity: 0;
      bottom: -100%;
      position: absolute;
      transform: translate(-50%, -50%);
      -webkit-transition: all 0.5s ease 0s;
      -moz-transition: all 0.5s ease 0s;
      -ms-transition: all 0.5s ease 0s;
      -o-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s;
      content: '';
      width: 25px;
      height: 3px;
      display: inline-block;
      background-color: #eac180;
      vertical-align: text-bottom; }
  .ijion .list-box .text p {
    font-size: 14px;
    line-height: 24px;
    color: #666666; }

.inews {
  padding: 0 0 184px;
  background: url("../images/index_28.jpg.png") no-repeat center; }
  .inews .itit h2, .inews .itit p {
    color: #FFFFFF; }
  .inews .list-box {
    margin-top: 50px; }
  .inews .list {
    color: #dadada;
    font-size: 14px;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
    border-bottom: 1px solid #FFFFFF; }
	.inews .list:hover {
		color: #FFFFFF;
	}
    .inews .list a {
      position: relative;
      display: block;
      width: 100%;
      height: 100%; }
      .inews .list a::after {
        text-align: center;
        line-height: 65px;
        content: '>';
        color: #eac180;
        font-size: 25px;
        font-family: '宋体';
        font-weight: bold;
        width: 65px;
        height: 65px;
        position: absolute;
        right: 107px;
        top: 50%;
        transform: translateY(-50%);
        display: inline-block;
        vertical-align: sub; }
    .inews .list:nth-of-type(1) {
      border-top: 1px solid #FFFFFF; }
      .inews .list:nth-of-type(1) .img_box {
		  width: 360px;
		  height: 200px;
		  object-fit: cover;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        overflow: hidden; }
        .inews .list:nth-of-type(1) .img_box img {
			width: 100%;
			height: 100%;
			object-fit: cover;
          -webkit-transition: all 0.5s ease 0s;
          -moz-transition: all 0.5s ease 0s;
          -ms-transition: all 0.5s ease 0s;
          -o-transition: all 0.5s ease 0s;
          transition: all 0.5s ease 0s; }
      .inews .list:nth-of-type(1) .text-box {
        display: table-cell;
        vertical-align: middle;
        width: 714px;
        padding-left: 25px; }
      .inews .list:nth-of-type(1) h3 {
        font-size: 18px;
        margin-bottom: 18px; }
      .inews .list:nth-of-type(1) p {
        font-size: 14px;
        line-height: 30px; }
    .inews .list:not(:nth-of-type(1)) {
      line-height: 80px; }
      .inews .list:not(:nth-of-type(1)) p {
        float: right;
        margin-right: 200px;
        display: inline-block; }
    .inews .list h3 {
      display: inline-block; }
    .inews .list:hover .img_box img {
      transform: scale(1.1); }
    .inews .list:hover a::after {
      background: url("../images/icon_01.png") no-repeat center/65px; }

.footer {
  background-color: #eeeeee; }
  .footer .main {
    position: relative; }
  .footer .footer1 {
    padding: 70px 0 65px 0; }
  .footer .footer2 {
    color: #FFFFFF;
    font-size: 16px;
    line-height: 75px;
    background-color: #000000; }
    .footer .footer2 a {
      -webkit-transition: all 0.5s ease 0s;
      -moz-transition: all 0.5s ease 0s;
      -ms-transition: all 0.5s ease 0s;
      -o-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s; }
      .footer .footer2 a:hover {
        color: #cccccc; }
  .footer .footer_text {
    float: left; }
    .footer .footer_text > p {
      color: #4e4e4e;
      font-size: 16px;
      line-height: 30px; }
    .footer .footer_text h4 {
      font-size: 30px;
      font-weight: bold;
      color: #333333;
      margin: 9px 0 23px; }
    .footer .footer_text .text-box {
      color: #333333;
      font-size: 14px;
      line-height: 24px; }
    .footer .footer_text .clearfix {
      font-size: 14px;
      color: #a1a1a1;
      line-height: 30px; }
      .footer .footer_text .clearfix > p {
        display: inline-block;
        width: 243px;
        float: right; }
  .footer .footer_nav {
    float: right;
    display: inline-block; }
    .footer .footer_nav dl {
      float: left;
      width: 170px;
      display: inline-block; }
      .footer .footer_nav dl dt {
        color: #4e4e4e;
        font-size: 16px;
        font-weight: bold;
        line-height: 30px;
        padding-bottom: 12px;
        margin-bottom: 15px;
        position: relative; }
        .footer .footer_nav dl dt::after {
          left: 0;
          bottom: 0;
          position: absolute;
          content: '';
          width: 23px;
          height: 2px;
          display: inline-block;
          background-color: #000;
          vertical-align: text-bottom; }
        .footer .footer_nav dl dt a {
          -webkit-transition: all 0.5s ease 0s;
          -moz-transition: all 0.5s ease 0s;
          -ms-transition: all 0.5s ease 0s;
          -o-transition: all 0.5s ease 0s;
          transition: all 0.5s ease 0s; }
          .footer .footer_nav dl dt a:hover {
            text-decoration: underline; }
      .footer .footer_nav dl dd {
        color: #a1a1a1;
        font-size: 14px;
        line-height: 30px; }
        .footer .footer_nav dl dd a:hover {
          text-decoration: underline; }
  .footer .bshare-custom {
    margin-top: 35px; }
    .footer .bshare-custom a {
      float: left;
      width: 40px;
      height: 40px;
      padding-left: 0;
      margin-right: 20px; }
      .footer .bshare-custom a:nth-of-type(1) {
        background: url("../images/icon_wx.png") no-repeat; }
      .footer .bshare-custom a:nth-of-type(2) {
        background: url("../images/icon_qq.png") no-repeat; }

.abtit {
  padding: 60px 0;
  text-align: center; }
  .abtit h2 {
    color: #000000;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 7px; }
  .abtit p {
    font-size: 16px;
    line-height: 30px;
    color: #666666; }

.ab-main .main > .text-box {
  color: #333333;
  font-size: 16px;
  line-height: 36px;
  margin-bottom: 70px; }

.ab-cur {
  padding: 60px 0 90px;
  background: url("../images/ab_01.jpg") no-repeat center; }
  .ab-cur .abtit h2, .ab-cur .abtit p {
    color: #FFFFFF; }
  .ab-cur .list-box {
    margin-top: 100px; }
  .ab-cur .list {
    width: 25%;
    float: left;
    display: inline-block;
    position: relative; }
    .ab-cur .list .img {
      margin: 0 auto;
      width: 120px;
      height: 120px;
      position: relative;
      border-radius: 50%;
      border: 1px solid #FFFFFF;
      text-align: center;
      line-height: 120px;
      -webkit-transition: all 0.5s ease 0s;
      -moz-transition: all 0.5s ease 0s;
      -ms-transition: all 0.5s ease 0s;
      -o-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s; }
      .ab-cur .list .img img {
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s; }
        .ab-cur .list .img img:nth-of-type(1) {
          vertical-align: middle;
          opacity: 1; }
        .ab-cur .list .img img:nth-of-type(2) {
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          position: absolute;
          z-index: -500;
          opacity: 0; }
    .ab-cur .list .text {
      color: #FFFFFF;
      margin-top: 31px;
      text-align: center; }
      .ab-cur .list .text h3 {
        font-size: 24px;
        line-height: 30px; }
      .ab-cur .list .text p {
        font-size: 12px;
        line-height: 30px;
        margin: 2px 0 15px; }
      .ab-cur .list .text div {
        font-size: 16px;
        line-height: 30px;
        margin: 0 auto 25px; }
    .ab-cur .list:hover .img, .ab-cur .list.on .img {
      border: 1px solid #eac180; }
      .ab-cur .list:hover .img img:nth-of-type(1), .ab-cur .list.on .img img:nth-of-type(1) {
        opacity: 0; }
      .ab-cur .list:hover .img img:nth-of-type(2), .ab-cur .list.on .img img:nth-of-type(2) {
        z-index: 500;
        opacity: 1; }

.ab-honor .bd {
  position: relative;
  margin-bottom: 70px; }
  .ab-honor .bd .tempWrap {
    margin: 0 auto; }
  .ab-honor .bd li {
    float: left;
    width: 400px;
    padding: 70px 0;
    border: 1px solid #e8e8e8; }
    .ab-honor .bd li:hover .img-box {
      transform: scale(1.1); }
  .ab-honor .bd .img-box {
    width: 400px;
    height: 365px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s; }
  .ab-honor .bd p {
    color: #666666;
    margin-top: 20px;
    text-align: center; }
  .ab-honor .bd .honer-prev, .ab-honor .bd .honer-next {
    top: 50%;
    width: 58px;
    height: 58px;
    cursor: pointer;
    position: absolute;
    transform: translateY(-50%); }
  .ab-honor .bd .honer-prev {
    left: -40px;
    background: url("../images/honer-l.png"); }
  .ab-honor .bd .honer-next {
    right: -40px;
    background: url("../images/honer-r.png"); }

.contact .bl {
  margin-top: 50px; }
  .contact .bl .text {
    font-size: 18px;
    line-height: 40px;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #dcdcdc; }
  .contact .bl .text-box {
    color: #666666;
    font-size: 16px;
    line-height: 36px;
    margin-left: 25px;
    display: inline-block; }

.contact .br input {
  height: 46px;
  float: left;
  text-indent: 20px;
  border-radius: 6px;
  font-size: 15px;
  line-height: 36px;
  color: #666666;
  font-family: '微软雅黑';
  margin: 13px 0;
  background-color: #eeeeee; }

.contact .br input[name='name'] {
  margin-right: 37px; }

.contact .br textarea {
  padding: 10px 20px;
  margin: 13px 0;
  color: #666666;
  font-size: 15px;
  line-height: 36px;
  border-radius: 6px;
  font-family: '微软雅黑';
  background-color: #eeeeee;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.contact .br form {
  width: 590px; }

.contact .br .p1 {
  width: 100%; }

.contact .br .p2 {
  width: 275px; }

.contact .br .p3 {
  width: 180px; }

.contact .br img {
  width: 150px;
  height: 46px;
  margin: 13px 0;
  cursor: pointer;
  object-fit: contain; }

.contact .br button {
  border: 0;
  width: 100%;
  margin: 13px 0;
  color: #FFFFFF;
  font-size: 15px;
  cursor: pointer;
  line-height: 46px;
  border-radius: 6px;
  background-color: #eac180;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s; }
  .contact .br button:hover {
    color: #eeeeee;
    background-color: #fbd291; }

.map {
  margin: 60px 0 75px; }

.newsv {
  padding-top: 60px;
  padding-bottom: 50px;
  background-color: #f6f6f6; }
  .newsv .main {
    padding: 0 50px;
    background-image: linear-gradient(to top, #ffffff 65px, #f6f6f6 65px, #f6f6f6 calc(65px + 50px), #ffffff calc(65px + 50px), #FFFFFF 100%); }
  .newsv .htit {
    text-align: center;
    margin-bottom: 50px; }
    .newsv .htit h3 {
      padding: 65px 0 15px;
      font-size: 24px;
      color: #505050;
      text-align: center; }
    .newsv .htit p {
      color: #898989;
      font-size: 14px;
      line-height: 18px;
      margin-bottom: 30px;
      padding-bottom: 30px;
      border-bottom: 1px solid #ececec; }
      .newsv .htit p::before {
        margin-right: 10px;
        content: '';
        width: 20px;
        height: 20px;
        display: inline-block;
        vertical-align: text-bottom;
        background: url("../images/icon_07.png") no-repeat center/20px 20px; }
    .newsv .htit .share {
      font-size: 14px;
      text-align: right; }
    .newsv .htit .bshare-custom {
      display: inline-block;
      line-height: 28px !important; }
      .newsv .htit .bshare-custom .bsPromo {
        width: 28px;
        height: 28px;
        position: unset;
        vertical-align: top;
        display: inline-block;
        margin: 0 10px;
        background: url("../images/icon_08.png") no-repeat center; }
      .newsv .htit .bshare-custom a {
        vertical-align: top;
        background: none;
        padding-left: 0 !important;
        display: inline-block;
        font-size: 14px;
        color: #999999 !important;
        line-height: 18px; }
        .newsv .htit .bshare-custom a::before {
          margin-right: 10px; }
        .newsv .htit .bshare-custom a:nth-of-type(1)::before {
          content: '';
          width: 28px;
          height: 28px;
          display: inline-block;
          vertical-align: text-bottom;
          background: url("../images/newsv_wbh.png") no-repeat center/28px 28px; }
        .newsv .htit .bshare-custom a:nth-of-type(2)::before {
          content: '';
          width: 28px;
          height: 28px;
          display: inline-block;
          vertical-align: text-bottom;
          background: url("../images/newsv_wx.png") no-repeat center/28px 28px; }
        .newsv .htit .bshare-custom a:nth-of-type(3)::before {
          content: '';
          width: 28px;
          height: 28px;
          display: inline-block;
          vertical-align: text-bottom;
          background: url("../images/newsv_in.png") no-repeat center/28px 28px; }
        .newsv .htit .bshare-custom a:nth-of-type(4)::before {
          content: '';
          width: 28px;
          height: 28px;
          display: inline-block;
          vertical-align: text-bottom;
          background: url("../images/newsv_qq.png") no-repeat center/28px 28px; }
  .newsv .text-box {
    color: #666666;
    font-size: 16px;
    line-height: 30px;
    padding-bottom: 30px; }
  .newsv p.next {
    padding: 20px 0;
    font-size: 16px;
    line-height: 25px;
    margin: 50px -50px 0 -50px; }
    .newsv p.next a {
      font-size: 15px;
      color: #666666;
      display: inline-block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .newsv p.next a:hover {
        text-decoration: underline; }
      .newsv p.next a.bl::before {
        content: '<<';
        font-size: 12px;
        margin-left: 10px;
        margin-right: 12px;
        font-family: '宋体';
        display: inline-block; }
      .newsv p.next a.br::after {
        content: '>>';
        font-size: 12px;
        margin-left: 12px;
        font-family: '宋体';
        margin-right: 10px;
        display: inline-block; }

.videov {
  padding-top: 60px;
  padding-bottom: 50px; }
  .videov .main {
    padding: 0 50px; }
  .videov .htit {
    text-align: center;
    margin-bottom: 50px; }
    .videov .htit h3 {
      padding: 65px 0 15px;
      font-size: 24px;
      color: #505050;
      text-align: center; }
    .videov .htit p {
      color: #898989;
      font-size: 14px;
      line-height: 18px;
      margin-bottom: 30px;
      padding-bottom: 30px; }
      .videov .htit p::before {
        margin-right: 10px;
        content: '';
        width: 20px;
        height: 20px;
        display: inline-block;
        vertical-align: text-bottom;
        background: url("../images/icon_07.png") no-repeat center/20px 20px; }
  .videov .text-box {
    color: #666666;
    font-size: 16px;
    line-height: 30px;
    padding-bottom: 30px; }
  .videov .video-box, .videov .video-box2 {
    width: 1100px;
    height: 560px;
    margin: 0 auto; }
    .videov .video-box video, .videov .video-box2 video {
      width: 100%;
      height: 100%;
      outline: none; }
    .videov .video-box img, .videov .video-box2 img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .videov .video-box iframe, .videov .video-box2 iframe {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .videov p.next {
    padding: 20px 0;
    font-size: 16px;
    line-height: 25px;
    background-color: #f6f6f6;
    margin: 50px -50px 0 -50px; }
    .videov p.next a {
      font-size: 15px;
      color: #666666;
      display: inline-block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .videov p.next a:hover {
        text-decoration: underline; }
      .videov p.next a.bl::before {
        content: '<<';
        font-size: 12px;
        margin-right: 12px;
        font-family: '宋体';
        margin-left: 10px;
        display: inline-block; }
      .videov p.next a.br::after {
        content: '>>';
        font-size: 12px;
        margin-left: 12px;
        margin-right: 10px;
        font-family: '宋体';
        display: inline-block; }


/* banner */
.banner-other { width : 100% ; max-width : 1920px ; margin : 0px auto ; font-size : 0px }
.banner-other img { width : 100% ; height : auto }





/* 副导航 */
.nav-other { padding-top : 35px }
.nav-other .main { border-bottom : solid 1px #E3E3E3 }
.nav-other h3 { width : 150px ; height : 50px ; background-color : #333333 ; float : left ; color : #FFFFFF ; font-size : 16px ; text-align : center ; line-height : 50px }
.vice-nav { display : flex ; padding-left : 50px ; float : left ; position : relative }
.vice-nav::before { content : "" ; display : block ; width : 1px ; height : 20px ; background-color : #333333 ; position : absolute ; left : 50px ; top : 16px }
.vice-nav li { height : 50px ; margin-left : 50px ; color : #333333 ; font-size : 16px ; text-align : center ; position : relative ; line-height : 50px }
.vice-nav li::after { content : "" ; display : block ; width : calc(100% + 26px) ; height : 2px ; background-color : #EAC180 ; opacity : 0 ; position : absolute ; left : 50% ; bottom : -2px ; transition : .5s ; transform : translateX(-50%) }
.vice-nav li.on::after { opacity : 1 }
.vice-nav li:hover::after { opacity : 1 }
.vice-nav a { display : block ; height : 100% }
.crumb { display : flex ; height : 25px ; float : right ; color : #333333 ; font-size : 16px }
.crumb li { margin-right : 19px ; transition : .5s ; position : relative ; line-height : 25px }
.crumb li a:hover { color : #EAC180 }
.crumb li:first-of-type { padding-left : 32px ; background : url(../images/crumb-icon-1.png) left 3px no-repeat }
.crumb li::after { content : ">" ; display : block ; width : 19px  ; height : 25px ; text-align : center ; line-height : 25px ; position : absolute ; left : 100% ; top : 0px }
.crumb li:last-of-type::after { content : "" }
.crumb a { display : block }





/* join */
.join-model { padding : 97px 0px 94px ; background : url(../images/join-bg-1.jpg) center center no-repeat }

/* title join通用 */
.title.join-common { text-align : center }/* 8 3 */ /* 5 5 */
.title.join-common h2 { color : #000000 ; font-size : 36px ; font-weight : bold }
.title.join-common p { margin-top : 25px ; font-size : 14px ; line-height : 24px }

.join-model .content { margin-top : 55px }
.join-model .content div { width : 426px ; height : 532px ; padding : 370px 30px 0px 18px ; background-repeat : no-repeat ; background-position : center center ; background-size : cover ; box-sizing : border-box ; float : left ; margin-right : 11px ; overflow : hidden ; cursor : pointer }
.join-model .content div:first-of-type { background-image : url(../images/join-img-1.jpg) }
.join-model .content div:nth-of-type(2) { background-image : url(../images/join-img-2.jpg) }
.join-model .content div:last-of-type { background-image : url(../images/join-img-3.jpg) ; margin-right : 0px }
.join-model .content h5 { color : #FFFFFF ; font-size : 30px ; font-weight : bold }
.join-model .content h5::after { content : "" ; display : block ; width : 27px ; height : 6px ; background-color : #EAC180 ; margin-top : 10px ; transition : .3s }
.join-model .content div:hover h5::after { width : 47px }
.join-model .content p { margin-top : 17px ; color : #FFFFFF ; font-size : 14px ; line-height : 24px }


.join-advantage { padding : 106px 0px 80px ; background : url(../images/join-bg-2.jpg) center center no-repeat }
.join-advantage .title h2 { color : #FFFFFF }
.join-advantage .content { width : 1230px ; margin : 0px auto }
.join-advantage .content div { width : 390px ; height : 350px ; padding : 58px 36px 0px 37px ; background-color : #FFFFFF ; box-sizing : border-box ; float : left ; margin-top : 30px ; margin-right : 30px ; text-align : center ; cursor : pointer ; overflow : hidden }
.join-advantage .content div:first-of-type { margin-top : 92px }
.join-advantage .content div:nth-of-type(2) { margin-top : 92px }
.join-advantage .content div:nth-of-type(3) { margin-top : 92px }
.join-advantage .content div:nth-of-type(3n) { margin-right : 0px }
.join-advantage .content h4 { color : #252525 ; font-size : 24px ; font-weight : bold }
.join-advantage .content h4::before { content : "" ; display : block ; height : 86px ; background-repeat : no-repeat ; background-position : center center }
.join-advantage .content div:first-of-type h4::before { background-image : url(../images/join-icon-1a.png) }
.join-advantage .content div:first-of-type:hover h4::before { background-image : url(../images/join-icon-1b.png) }
.join-advantage .content div:nth-of-type(2) h4::before { background-image : url(../images/join-icon-2a.png) }
.join-advantage .content div:nth-of-type(2):hover h4::before { background-image : url(../images/join-icon-2b.png) }
.join-advantage .content div:nth-of-type(3) h4::before { background-image : url(../images/join-icon-3a.png) }
.join-advantage .content div:nth-of-type(3):hover h4::before { background-image : url(../images/join-icon-3b.png) }
.join-advantage .content div:nth-of-type(4) h4::before { background-image : url(../images/join-icon-4a.png) }
.join-advantage .content div:nth-of-type(4):hover h4::before { background-image : url(../images/join-icon-4b.png) }
.join-advantage .content div:nth-of-type(5) h4::before { background-image : url(../images/join-icon-5a.png) }
.join-advantage .content div:nth-of-type(5):hover h4::before { background-image : url(../images/join-icon-5b.png) }
.join-advantage .content div:last-of-type h4::before { background-image : url(../images/join-icon-6a.png) }
.join-advantage .content div:last-of-type:hover h4::before { background-image : url(../images/join-icon-6b.png) }
.join-advantage .content p { margin-top : 48px ; color : #666666 ; font-size : 16px ; line-height : 30px }  


.join-support { padding : 70px 0px 108px }
.join-support .content { width : 1205px ; margin : 0px auto }
.join-support .content div { width : 296px ; height : 296px ; padding-top : 133px ; background-repeat : no-repeat ; background-position : center center ; background-size : cover ; box-sizing : border-box ; float : left ; margin-top : 8px ; margin-right : 7px ; text-align : center }
.join-support .content div:first-of-type { background-image : url(../images/join-img-4.jpg) ; margin-top : 45px }
.join-support .content div:nth-of-type(2) { background-image : url(../images/join-img-5.jpg) ; margin-top : 45px }
.join-support .content div:nth-of-type(3) { background-image : url(../images/join-img-6.jpg) ; margin-top : 45px }
.join-support .content div:nth-of-type(4) { background-image : url(../images/join-img-7.jpg) ; margin-top : 45px ; margin-right : 0px }
.join-support .content div:nth-of-type(5) { background-image : url(../images/join-img-8.jpg) }
.join-support .content div:nth-of-type(6) { background-image : url(../images/join-img-9.jpg) }
.join-support .content div:nth-of-type(7) { background-image : url(../images/join-img-10.jpg) }
.join-support .content div:last-of-type { background-image : url(../images/join-img-11.jpg) ; margin-right : 0px }
.join-support .content h5 { margin-bottom : 10px ; color : #FFFFFF ; font-size : 24px ; font-weight : bold }
.join-support .content span { color : #FFFFFF ; font-size : 16px ; font-weight : bold }


.join-process { padding : 133px 0px 150px ; background : url(../images/join-bg-3.jpg) center center no-repeat }
.join-process .title h2 { color : #FFFFFF }
.join-process .content { display : flex ; justify-content : space-between ; margin-top : 125px }
.join-process .content div { width : 162px ; margin : 0px 40px ; text-align : center ; cursor : pointer }
.join-process .content i { display : block ; height : 162px ; background-color : #FFFFFF ; background-repeat : no-repeat ; background-position : center center ; border-radius : 50% ; transition : .5s }
.join-process .content div:first-of-type i { background-image : url(../images/join-icon-7.png) }
.join-process .content div:nth-of-type(2) i { background-image : url(../images/join-icon-8.png) }
.join-process .content div:nth-of-type(3) i { background-image : url(../images/join-icon-9.png) }
.join-process .content div:nth-of-type(4) i { background-image : url(../images/join-icon-10.png) }
.join-process .content div:last-of-type i { background-image : url(../images/join-icon-11.png) }
.join-process .content div:hover i { background-color : #000000 }
.join-process .content b { display : block ; margin-top : 38px ; color : #FFFFFF ; font-size : 24px ; font-weight : bold }


.join-apply { padding : 83px 0px 60px }
.join-apply .title p { font-size : 16px }
.join-apply .title span { color : #333333 ; font-size : 18px ; font-weight : bold }
.join-apply form { width : 1200px ; margin : 0px auto 0px auto }
.join-apply form div { margin-top : 20px }
.join-apply form div::after { content : "" ; display : block ; clear : both }
.join-apply form input { width : 384px ; height : 60px ; background-color : #f5f5f5 ; border : solid 1px #dcdcdc ; box-sizing : border-box ; color : #979797 ; font-size : 16px ; text-indent : 16px }
.join-apply .row-1 { margin-top : 55px }
.join-apply .row-1 input:first-of-type { float : left ; margin-right : 24px }
.join-apply .row-1 input:nth-of-type(2) { float : left }
.join-apply .row-1 input:last-of-type { float : right }
.join-apply form input::-webkit-input-placeholder{ color : #979797 }
.join-apply form input::-moz-placeholder{ color : #979797 }
.join-apply form input:-moz-placeholder{ color : #979797 }
.join-apply form input:-ms-input-placeholder{ color : #979797 }
.join-apply .distpicker { font-size : 0px }
.join-apply .distpicker::after { content : "" ; display : block ; clear : both }
.join-apply .distpicker select { width : 590px ; height : 60px ; background-color : #f5f5f5 ; background-image : url(../images/join-icon-12.png) ; background-repeat : no-repeat ; background-position : 561px 25px ; border : solid 1px #dcdcdc ; outline : none ; box-sizing : border-box ; float : left ; color : #979797 ; font-size : 16px ; text-indent : 16px ; -webkit-appearance : none ; -moz-appearance : none ; appearance : none }
.join-apply .distpicker select:last-of-type { float : right }
.join-apply form textarea { width : 100% ; height : 158px ; padding : 17px 18px ; background-color : #f5f5f5 ; border : solid 1px #dcdcdc ; box-sizing : border-box ; color : #979797 ; font-family : "微软雅黑" ; font-size : 16px ; line-height : 26px }
.join-apply form textarea::-webkit-input-placeholder{ color : #979797 }
.join-apply form textarea::-moz-placeholder{ color : #979797 }
.join-apply form textarea:-moz-placeholder{ color : #979797 }
.join-apply form textarea:-ms-input-placeholder{ color : #979797 }
.join-apply .bottom { padding-left : 368px ; margin-top : 42px ; font-size : 0px }
.join-apply .bottom img { width : 179px ; height : 54px ; margin-right : 13px ; text-indent : 0px ; text-align : center }
.join-apply .bottom input[type="text"] { width : 179px ; height : 54px ; border : none ; margin-right : 7px ; color : #5e5e5e ; text-indent : 0px ; text-align : center }
.join-apply .bottom input[type="text"]::-webkit-input-placeholder{ color : #5e5e5e ; text-align : center }
.join-apply .bottom input[type="text"]::-moz-placeholder{ color : #5e5e5e ; text-align : center }
.join-apply .bottom input[type="text"]:-moz-placeholder{ color : #5e5e5e ; text-align : center }
.join-apply .bottom input[type="text"]:-ms-input-placeholder{ color : #5e5e5e ; text-align : center }
.join-apply .bottom input[type="submit"] { width : 179px ; height : 54px ; border : none ; background-color : #252525 ; color : #FFFFFF ; text-indent : 0px ; text-align : center ; line-height : 54px ; cursor : pointer ; transition : .5s }
.join-apply .bottom input[type="submit"]:hover { color : #ebc487 }





/* product-detail */
.pd-introduce { padding : 53px 0px 40px }
.pd-introduce .img { width : 660px ; height : 482px ; border : solid 1px #E5E5E5 ; box-sizing : border-box ; float : left ; position : relative }
.pd-introduce img { width : auto ; max-width : 600px ; height : auto ; max-height : 418px ; position : absolute ; left : 50% ; top : 50% ; transform : translate(-50%, -50%) }
.pd-introduce .text { width : 500px ; float : left ; margin-left : 54px }
.pd-introduce .title { padding : 25px 0px 30px ; border-bottom : solid 1px #D6D6D6 ; font-size : 0px }
.pd-introduce h3 { color : #666666 ; font-size : 24px }
.pd-introduce span { display : block ; margin-top : 12px ; color : #999999 ; font-size : 16px }
.pd-introduce .text-box { padding : 26px 0px 40px ; color : #666666 ; font-size : 14px ; line-height : 32px }
.pd-introduce .link { height : 40px ; font-size : 0px }
.pd-introduce .link a { display : inline-block ; width : 167px ; height : 40px ; background-color : #EEEEEE ; border-radius : 20px ; margin-right : 25px ; color : #666666 ; font-size : 16px ; text-align : center ; line-height : 40px ; transition : .3s }
.pd-introduce .link a:hover { background-color : #EAC180 ; color : #FFFFFF }


.pd-detail { padding-bottom : 78px }

/* title pd通用 */
.title.pd-common { display : flex ; align-items : center ; padding : 0px 0px 14px 3px ; border-bottom : solid 1px #E4E4E4 }
.title.pd-common h2 { margin-right : 16px ; color : #333333 ; font-size : 24px }
.title.pd-common span { color : #EAC180 ; font-size : 24px }

.pd-detail .content { padding-top : 57px }


.pd-recommend { padding-bottom : 53px }
.pd-recommend .content { margin-top : 43px }
.pd-recommend .item { width : 400px ; height : 489px ; border : solid 1px #EEEEEE ; box-sizing : border-box ; float : left ; margin-right : 50px }
.pd-recommend .content .item:nth-of-type(3n) { margin-right : 0px }
.pd-recommend .item a { display : block ; height : 100% ; padding : 22px 19px 0px 19px ; box-sizing : border-box }
.pd-recommend .item .img-box { width : 360px ; height : 254px ; overflow : hidden }
.pd-recommend .item img { transition : .5s }
.pd-recommend .item:hover img { transform : translate(-50%, -50%) scale(1.05) }
.pd-recommend .item .text { padding-top : 35px ; text-align : center ; font-size : 0px }
.pd-recommend .item h4 { color : #333333 ; font-size : 24px }
.pd-recommend .item p { min-height : 60px ; margin-top : 11px ; color : #666666 ; font-size : 16px ; line-height : 26px }
.pd-recommend .item span { display : inline-block ; width : 120px ; height : 40px ; background-color : #F4F4F4 ; margin-top : 16px ; color : #666666 ; font-size : 14px ; text-align : center ; line-height : 40px }





/* contact */
.contact-info { margin-top : 60px }
.contact-info .text { width : 586px ; padding-top : 45px ; float : left }
.contact-info .text h5 { padding-bottom : 37px ; border-bottom : solid 1px #DCDCDC ; color : #444444 ; font-size : 18px ; line-height : 40px }
.contact-info .text>div { padding-top : 40px }
.contact-info .text .img-box { width : 159px ; height : 159px ; float : left ; margin-right : 25px }
.contact-info .text .text-box { width : 400px ; padding-top : 10px ; float : left ; color : #666666 ; font-size : 16px ; line-height : 36px }

.contact-info .message { width : 588px ; float : right }
.contact-info form { width : 588px }
.contact-info input { height : 46px ; background-color : #EEEEEE ; border-radius : 6px ; color : #666666 ; font-size : 15px ; text-indent : 19px }
.contact-info form input:first-of-type { width : 275px ; margin-right : 33px }
.contact-info form input:nth-of-type(2) { width : 275px }
.contact-info form input:nth-of-type(3) { width : 179px ; margin-right : 33px }
.contact-info form input:last-of-type { width : 100% ; background-color : #EAC180 ; margin-top : 26px ; color : #FFFFFF ; text-indent : 0px ; text-align : center ; cursor : pointer ; transition : .5s }
.contact-info form input:last-of-type:hover { background-color : #000000 }
.contact-info textarea { width : 100% ; height : 207px ; background-color : #EEEEEE ; padding : 21px 19px ; border-radius : 6px ; box-sizing : border-box ; margin-top : 26px ; margin-bottom : 27px ; color : #666666 ; font-family : "微软雅黑" ; font-size : 15px ; line-height : 24px }
.contact-info form img { width : 151px ; height : 46px ; cursor : pointer ; vertical-align : bottom }


.contact-map { max-width : 1300px ; max-height : 518px ; margin : 60px auto 77px auto }





/* news */
.news-main { padding-bottom : 50px ; background-color : #F6F6F6 }
.news-main .item { width : 424px ; height : 442px ; background-color : #FFFFFF ; background-image : url(../images/news-icon-1.jpg) ; background-repeat : no-repeat ; background-position : 32px 57px ; float : left ; margin-top : 38px ; margin-right : 14px }
.news-main .list .item:first-of-type { margin-top : 62px }
.news-main .list .item:nth-of-type(2) { margin-top : 62px }
.news-main .list .item:nth-of-type(3) { margin-top : 62px }
.news-main .list .item:nth-of-type(3n) { margin-right : 0px }
.news-main .item a { display : block ; width : 100% ; height : 100% ; padding : 46px 33px 0px 33px ; box-sizing : border-box  }
.news-main .item h4 { max-height : 48px ; color : #000000 ; font-size : 18px ; line-height : 24px ; overflow : hidden }
.news-main .item span { display : block ; padding-left : 29px ; background : url(../images/news-icon-2.png) left center no-repeat ; margin-top : 17px ; color : #666666 ; font-size : 14px }
.news-main .item p { height : 72px ; margin-top : 11px ; color : #666666 ; font-size : 14px ; line-height : 24px ; overflow : hidden }
.news-main .item .img-box { width : 358px ; height : 197px ; margin-top : 5px ; overflow : hidden }
.news-main .item img { transition : .5s }
.news-main .item:hover img { transform : translate(-50%, -50%) scale(1.05) }

/* 分页通用 */
.page { margin-top : 43px ; text-align : center ; font-size : 0px }
.page a { display : inline-block ; width : 36px ; height : 36px ; border-radius : 50% ; margin : 0px 7px ; color : #666666 ; font-size : 15px ; text-align : center ; line-height : 36px ; transition : .5s ;background-color: #FFFFFF;}
.page a.on { background-color : #EAC180 ; color : #FFFFFF }
.page a:nth-of-type(2):hover { background-color : #EAC180 ; color : #FFFFFF }
.page a:nth-of-type(3):hover { background-color : #EAC180 ; color : #FFFFFF }
.page a:nth-of-type(4):hover { background-color : #EAC180 ; color : #FFFFFF }
.page a:nth-of-type(5):hover { background-color : #EAC180 ; color : #FFFFFF }
.page .prev, .page .next { background : url(../images/page-1.png) center center no-repeat ; margin : 0px 18px ; vertical-align : bottom }
.page .next { transform : scale(-1) }





/* case */
.case-main { padding-bottom : 46px }
.case-main .item { width : 404px ; height : 291px ; float : left ; margin-top : 25px ; margin-right : 44px ; position : relative ; cursor : pointer }
.case-main .list .item:first-of-type { margin-top : 62px }
.case-main .list .item:nth-of-type(2) { margin-top : 62px }
.case-main .list .item:nth-of-type(3) { margin-top : 62px }
.case-main .list .item:nth-of-type(3n) { margin-right : 0px }
.case-main .item a { display : block }
.case-main .img-box { width : 404px ; height : 291px ;overflow: hidden;}
.case-main .img-box img{-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
.case-main h5 { width : 100% ; height : 75px ; padding : 0px 34px ; background-color : rgba(0,0,0,0.6) ; background-image : url(../images/case-icon-1a.png) ; background-repeat : no-repeat ; background-position : 363px 41px ; box-sizing : border-box ; color : #FFFFFF ; font-size : 16px ; line-height : 75px ; position : absolute ; left : 0px ; bottom : 0px }
.case-main .item:hover h5 { background-image : url(../images/case-icon-1b.png) }
.case-main .item:hover .img-box img{transform: translate(-50%,-50%) scale(1.1);}
.case-main .page { margin-top : 69px }





/* product */
.product-main { padding-bottom : 32px }
.product-main .list {  }
.product-main .item { width : 400px ; height : 489px ; border : solid 1px #EEEEEE ; box-sizing : border-box ; float : left ; margin-top : 33px ; margin-right : 50px }
.product-main .list .item:first-of-type { margin-top : 50px }
.product-main .list .item:nth-of-type(2) { margin-top : 50px }
.product-main .list .item:nth-of-type(3) { margin-top : 50px }
.product-main .list .item:nth-of-type(3n) { margin-right : 0px }
.product-main .item a { display : block ; height : 100% ; padding : 22px 19px 0px 19px ; box-sizing : border-box }
.product-main .item .img-box { width : 360px ; height : 254px ; overflow : hidden }
.product-main .item img { transition : .5s }
.product-main .item:hover img { transform : translate(-50%, -50%) scale(1.05) }
.product-main .item .text { padding-top : 35px ; text-align : center ; font-size : 0px }
.product-main .item h4 { color : #333333 ; font-size : 24px }
.product-main .item p { min-height : 60px ; margin-top : 11px ; color : #666666 ; font-size : 16px ; line-height : 26px }
.product-main .item span { display : inline-block ; width : 120px ; height : 40px ; background-color : #F4F4F4 ; margin-top : 16px ; color : #666666 ; font-size : 14px ; text-align : center ; line-height : 40px }

.product-main .page { margin-top : 39px }





/* video */
.video-main { padding-bottom : 48px }
.video-main .item { float : left ; margin-top : 27px ; margin-right : 112px ; position : relative }
.video-main .list .item:first-of-type { margin-top : 62px }
.video-main .list .item:nth-of-type(2) { margin-top : 62px }
.video-main .list .item:nth-of-type(2n) { margin-right : 0px }
.video-main .item a { display : block }
.video-main .item .img-box { width : 594px ; height : 336px }
.video-main .item h5 { height : 60px ; font-size : 18px ; text-align : center ; line-height : 60px ; overflow : hidden }
.video-main .item .mask { width : 594px ; height : 336px ; background-color : rgba(0,0,0,.4) ; background-image : url(../images/video-icon-1.png) ; background-repeat : no-repeat ; background-position : center center ; opacity : 0 ; position : absolute ; left : 0px ; top : 0px ; transition : .5s }
.video-main .item:hover .mask { opacity : 1 }


.video-main .page { margin-top : 33px }